<template>
	<view>
		<view class="">
			<u-gap :bg-color="bgColor" :height="height"></u-gap>
			<view class="list u-border-bottom" v-for="(item,index) in 7" :key="index">
				<view class="u-flex u-row-start u-p-b-20 u-m-t-20 u-m-l-30">
					<view class="u-m-r-30">
						<image class="picture" src="../../static/homepage/tdmckk.png" mode=""></image>
					</view>
					<view>
						<view class="name">
							张三
						</view>
						<view class="bumen u-p-t-10">
							财务部
						</view>
					</view>
					<view class="right">
						<view class="tupian">
							<image src="../../static/img/sqsc.png"></image>
						</view>
						<view class="tupian u-flex u-row-start">
							<image src="../../static/img/sqdh.png"></image>
							<text class="bumen">15826369978</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				height: 20,
				bgColor: this.$u.color.bgColor
			}
		}

	}
</script>

<style scoped lang="scss">
	.right {
		text-align: right;
		position: relative;
		left: 35%;
	}



	.picture {
		width: 96rpx;
		height: 108rpx;
	}

	.name {

		font-size: 36rpx;

		color: #0D1D36;
	}

	.bumen {

		font-size: 30rpx;

		color: #4B9CFF;
	}

	.tupian image {
		width: 48rpx;
		height: 48rpx;
	}
</style>
